<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../lib/css/bootstrap.css">
    <script src="../js/font.js"></script>
    <link rel="stylesheet" href="../css/brand.css">
    <link rel="stylesheet" href="../css/model.css">
</head>
<body>
  <!-- 头部开始 -->
  <header>
        <div class="logo">
            <div class="logo_con"></div>
            <a href="javascript:;" class="download"><img src="../images/header_app.png" alt=""></a>
        </div>
        <div class="search">
            <input type="text" name="" placeholder="请输入你想比价的商品">
            <span>搜索</span>
        </div>
    </header>
    <!-- 头部结束 -->
  <!-- 中间部分 -->
  <div class="qq_middle">
  <div class="qq_title">
        <a href='javascript:;'>
           <span>首页></span>
           <span>全部分类></span>
        </a>
  </div>
  <div class="qq_hot">
        <a href='javascript:;'>热门品牌排行</a>
  </div>
  <div class="qq_content">
      <ul class="qq_list">
          <li >
                <a href='javascript:;' >
                    <span class="pull-left">平板电视十大品牌</span>
                    <span class="glyphicon glyphicon-menu-down pull-right"></span>
                </a>
          </li>
      </ul>
  </div>
  </div>

  <!-- 尾部 -->
</body>
<!-- 模板 -->
<script src="../lib/js/jquery.v1.12.4.js"></script>
<!-- 引入模板页 -->
<script src="../lib/js/arttemplate/template-web.js"></script>
<script src="../js/brand.js"></script>
<script type="tempalate" id="tp">
    {{each $data value}}
    <li>
                <a href='betterbrand.html?brandTitleId={{value.brandTitleId}}' class="clearfix">
                    <span class="pull-left">{{ value.brandTitle }}</span>
                    <span class="glyphicon glyphicon-menu-down pull-right"></span>
                </a>
          </li>
  {{/each}}
</script>

</html>